<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>退款申请</title>
    	[#include "common/include.ftl"]
    	<link rel="styleSheet" href="${base}/resource/css/member.css">
    	<script src="${base}/resource/plug/citySelect/jquery.cityselect.js"></script>
    	<script src="${base}/resource/js/jquery.validate.min.js"></script>
    	<script src="${base}/resource/js/return.js"></script>
	</head>
	<body class="customer">
		[#include "common/header.ftl"]
		<div class="crumbs">
			<a href="/member/index.jhtml">会员中心</a> > <a>交易管理</a> > <a>退款申请</a>
		</div>
		<div id="member-main">
			[#assign menuNo = 'refund'/]
		    [#include "common/member-left.ftl"/]
		    <div class="member-right">
				<div class="right-wrap">
					<h2 class="right-title">商品退换货</h2>
					<div id="return-of-goods">
						<div class="explain">
							<h2 class="title">服务说明</h2>
							<div class="cont">
								<p>
									1. 附件赠品，退换货时请一并退回。
								</p>
								<p>
									2. 关于物流损：请您在收货时务必仔细验货，如发现商品外包装或商品本身外观存在异常，需当场向配送人员指出，并拒收整个包裹；如您在收货后发现外观异常，请在收货24小时内提交退换货申请。如超时未申请，将无法受理。
								</p>
								<p>
									3. 关于商品实物与网站描述不符：京东保证所出售的商品均为正品行货，并与时下市场上同样主流新品一致。但因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，所以我们无法确保您收到的货物与商城图片、产地、附件说明完全一致。
								</p>
								<p>
									4. 如果您在使用时对商品质量表示置疑，您可出具相关书面鉴定，我们会按照国家法律规定予以处理。
								</p>
							</div>
						</div>
						<div class="return-of-good-info mt20">
							<h2 class="title">商品信息</h2>
							<div class="goods-wrap">
								<div class="img fl">
									<a href="${item.goodsPath}"><img class="lazy" data-original="[@Pic pic=item.image postfix="150x150" /]" postfix="150x150"width="150" height="150"></a>
								</div>
								<div class="info fr">
									<dl class="name">
										<dt>
											商品名称:
										</dt>
										<dd>
											<a href="${item.goodsPath}">${item.productName}</a>
										</dd>
									</dl>
									<dl>
										<dt>
											商品编号:
										</dt>
										<dd>
											${item.productCode}
										</dd>
									</dl>
									<dl>
										<dt>
											申请退款时间:
										</dt>
										<dd>
											${.now?string('yyyy-MM-dd HH:mm:ss')}
										</dd>
									</dl>
									<dl>
										<dt>
											商品价格:
										</dt>
										<dd>
											<span class="price"> ${currency(item.salePrice)}</span><span>元</span>
										</dd>
									</dl>
									<dl>
										<dt>
											购买数量:
										</dt>
										<dd>
											<span class="price"> ${item.quantity}</span>
										</dd>
									</dl>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						<div class="return-form mt20">
							<h2 class="title">服务单明细</h2>
							<div class="form-wrap">
								<form method="post" action="${base}/refund/apply.jhtml" id="return-form" onsubmit="return beforeSubmit();">
									<input type="hidden" name="itemId" value="${item.id}"/>
									<input type="hidden" id="quantity" value="${item.quantity}"/>
									<dl>
										<dt>
											<em>*</em><span>服务类型:</span>
										</dt>
										<dd>
											<label>
												<input type="radio" name="stype" value="false" [#if !item.isChange]checked="true"[/#if]/>
												<span>退货</span> 
											</label>
											[#if item.canChange]
												<label>
													<input type="radio" name="stype" value="true" [#if item.isChange]checked="true"[/#if]/>
													<span>换货</span> 
												</label>
											[/#if]
										</dd>
									</dl>
									<dl class="product-num">
										<dt>
											<em>*</em><span>提交数量:</span>
										</dt>
										<dd>
											<div class="hp-stock">
												<a href="javascript:;" class="cart-num-minus">-</a>
												<input type="text" name="quantity" value="1" class="cart-num">
												<a href="javascript:;" class="cart-num-plus">+</a>
											</div><span class="err-msg"></span>
										</dd>
									</dl>
									<dl class="content-input auto">
										<dt>
											<em>*</em><span>问题描述:</span>
										</dt>
										<dd>
											<textarea placeholder="请输入本商品出现的问题描述" name="describe">${item.remark}</textarea>											<span class="err-msg"></span>
										</dd>
									</dl>
									<!--<dl class="upload-files auto">
										<dt>
											<span>图片信息:</span>
										</dt>
										<dd>
											<div class="upload">
												<ul>
													<li><img src="../../upload/p-1.png"><i onclick="delApplyUploadImg('jfs/t1306/127/568774466/2280/fac0fb3/558a0efbN858a1011.png', this)" class="close">×</i>
													</li>
													<li><img src="../../upload/p-1.png"><i onclick="delApplyUploadImg('jfs/t1306/127/568774466/2280/fac0fb3/558a0efbN858a1011.png', this)" class="close">×</i>
													</li>
													<li><img src="../../upload/p-1.png"><i onclick="delApplyUploadImg('jfs/t1306/127/568774466/2280/fac0fb3/558a0efbN858a1011.png', this)" class="close">×</i>
													</li>
													<li><img src="../../upload/p-1.png"><i onclick="delApplyUploadImg('jfs/t1306/127/568774466/2280/fac0fb3/558a0efbN858a1011.png', this)" class="close">×</i>
													</li>
													<li><img src="../../upload/p-1.png"><i onclick="delApplyUploadImg('jfs/t1306/127/568774466/2280/fac0fb3/558a0efbN858a1011.png', this)" class="close">×</i>
													</li>
												</ul>
												<input type="file" id="swfupload">
											</div>
											<p>
												为了帮助我们更好的解决问题，请您上传图片
											</p>
											<p>
												最多可上传5张图片，每张图片大小不超过5M，支持bmp,gif,jpg,png,jpeg格式文件
											</p>
										</dd>
									</dl>-->
									<dl class="auto [#if !item.isChange]hide[/#if]" id="refund_address">
										<dt>
											<em>*</em><span>收货地址:</span>
										</dt>
										<dd>
											<div id="element_id" prov="${item.areaTree}">
												<p>
													<select data-first-title="请选择" data-first-value='0' class="sele prov"></select>
													<select data-first-title="请选择" data-first-value='0' class="sele city"></select>
													<select data-first-title="请选择" data-first-value='0' class="sele dist" name="areaId"></select>
												</p>
											</div>
											<div class="address-xx">
												<input type="text" name="address" class="h-input" value="${item.address}"/>
												<span class="err-msg"></span>
											</div>
										</dd>
									</dl>
									<dl class="auto">
										<dt>
											<em>*</em><span>联系人姓名:</span>
										</dt>
										<dd>
											<input type="text" name="name" class="h-input" value="${item.name}"/>
											<span class="err-msg"></span>
										</dd>
									</dl>
									<dl class="auto">
										<dt>
											<em>*</em><span>手机号码:</span>
										</dt>
										<dd>
											<input type="text" name="phone" class="h-input" value="${item.phone}"/>
											<span class="err-msg"></span>
										</dd>
									</dl>
									<dl class="auto">
										<dt>
											&nbsp;
										</dt>
										<dd>
											<input type="submit" value="提交" class="hp-button">
										</dd>
									</dl>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		[#include "common/footer-slidebar-lazyload.ftl"]
	</body>
</html>